<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>交个朋友-登陆</title>
		<link rel="stylesheet" type="text/css" href="css/login-style.css"/>
	</head>
	<body>
		
		<!-- 登陆提交输入区域 -->
		<img src="img/logo3.png" class="logo">
		<input type="text" name="" id="username" value="" placeholder="QQ号/手机号/邮箱" class="username"/>
		<input type="password" name="" id="password" value="" placeholder="密码" class="password"/>
		<button type="button" class="login" id="login">登陆</button>
		
		<a href="#" class="nth-password">找回密码</a>
		<a href="register.html" class="new-user">新用户</a>
	</body>
	<!-- 引入juqery -->
    <script src="js/jquery-1.10.2.min.js"></script>
    <!--编写逻辑代码-->
    <script type="text/javascript">

        //【1】处理登录事件操作
        $("#login").click(function (){
            //1.1 获取用户输入的账号和密码
            var username = $("#username").val().trim();
            var password = $("#password").val().trim();
            //1.2 判断用户名和密码是否为空
            if(username.length==0||password.length==0){
                alert("用户名和密码不能为空");
                return false;
            }
            //1.3编写请求信息
            //"action":"login"  表示一个登录请求的数据提交
            var config = {
                method:"POST",
                url:"/jgpy/user",
                async:true,
                dataType:"text",
                data:{
                    "username":username,
                    "password":password,
                    "action":"login"
                },
                success:function (data){ //如果请求成功 - 回调函数 - data用于接收服务器返回的结果

                    data = JSON.parse(data);
                    // {code:200,msg:"结果",data:""}
                    if(data.code == "200"){
                        //登录成功
                        console.log(data);
                        //登录成功 - 页面调转到home.html
                        //把用户的一些信息-保存到前端存储中 - 用于显示登录状态
                        userdata = JSON.parse(data.data)
                        console.log("data：",data.data)
                        // alert(userdata.fNickname)
                        sessionStorage.setItem("nickname",userdata.fNickname)
                        window.location.href = "home.html";

                    }else {
                        alert(data.msg)
                    }
                }
            }
            //1.4 开始请求
            $.ajax(config);

        });

    </script>




</html>
